<!--
** 右侧表单
**
 -->
<template>
  <div>
    <!-- 发起节点0 -->
    <InitiatNode v-if="props.node.nodeType == nodeTypeNames.initiatingNode" v-model:node="props.node"></InitiatNode>
    <!-- 结束节点1 -->
    <!-- <InitiatNode :node='props.node'></InitiatNode> -->
    <!-- 派工节点11 -->
    <DispatchNode v-if="props.node.nodeType == nodeTypeNames.dispatchNode" v-model:node="props.node"></DispatchNode>
    <!-- 经办节点12 -->
    <HandlingNode v-if="props.node.nodeType == nodeTypeNames.operatorNode" v-model:node="props.node"></HandlingNode>
    <!-- 审批节点13 -->
    <ApprovalNode v-if="props.node.nodeType == nodeTypeNames.approvalNode" v-model:node='props.node'></ApprovalNode>
    <!-- 子流程节点14 -->
    <!-- <InitiatNode v-if="props.node.nodeType == nodeTypeNames.subprocessNode" :node='props.node'></InitiatNode> -->
  </div>
</template>

<script setup>
import { ref, defineProps } from "vue";
import { cloneDeep } from "lodash";
import InitiatNode from "./moreFlowCompoent/InitiatNode.vue";
import DispatchNode from "./moreFlowCompoent/DispatchNode.vue";
import HandlingNode from "./moreFlowCompoent/HandlingNode.vue"
import ApprovalNode from "./moreFlowCompoent/ApprovalNode.vue"
import { nodeTypeNames } from "@/components/flowDesign/dicts/show.js";

const props = defineProps({
  node: {
    type: Object
  }
});
</script>

<style lang="less" scoped>
.ant-input {
  width: 80%;
}
</style>
